{% extends 'ApplicationBootstrapBundle::layout.html.twig' %}

{% block title %}Sticky Footer and Fixed Top Navbar Example for Bootstrap{% endblock %}
{% block layoutstyle %}
    <link href="{{ asset('bundles/applicationbootstrap/css/examples/navbar_fixed_sticky_footer.css') }}" rel="stylesheet" type="text/css" media="all" />
{% endblock %}

{% block stylesheets %}
    <link href="{{ asset('bundles/applicationbootstrap/css/fonts/font-awesome/font-awesome.css') }}" rel="stylesheet" type="text/css" media="all" />
    <link href="{{ asset('bundles/applicationbootstrap/css/tables/tablebuttons/tablebuttons.css') }}" rel="stylesheet" type="text/css" media="all" />
{% endblock %}

{% block javascripts %}
    <script src="{{ asset('bundles/applicationbootstrap/js/tables/tablebuttons/tablebuttons.js') }}" type="text/javascript"></script>
{% endblock %}

{% block navigation %}
    <!-- Fixed navbar -->
    <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
        <div class="container">
        
            {% include 'ApplicationBootstrapBundle::_navbar.html.twig' %}
        
        </div>
    </nav>
{% endblock %}

{% block body %}
    <div class="container">
        <div class="page-header">
          <h1>Sticky footer with fixed navbar</h1>
        </div>
		<div class="row">
			<div class="col-md-6">
			    <div class="panel panel-primary">
				    <div class="panel-heading">
					    <div class="panel-options pull-right">
			                <div class="btn-group">
			                  <a href="#" class="btn btn-default btn-sm" data-widget="filter">Filtr</a>
			                  <a href="#" class="btn btn-default btn-sm"><i class="fa fa-refresh"></i></a>
			                  <div class="btn-group">
			                    <a href="#" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown">
			                      <i class="glyphicon glyphicon-th icon-th"></i>
			                      <i class="fa fa-caret-down"></i>
			                    </a>
			                    <ul class="dropdown-menu pull-right">
			                      <li><a href="#">Dropdown link</a></li>
			                      <li><a href="#">Dropdown link</a></li>
			                      <li><a href="#">Dropdown link</a></li>
			                     </ul>
			                  </div>
			                </div>
			                <button class="btn btn-default btn-sm" data-widget="expand"><i class="fa fa-expand"></i></button>
			                <button class="btn btn-default btn-sm" data-widget="collapse"><i class="fa fa-minus"></i></button>
					        <button class="btn btn-default btn-sm" data-widget="remove"><i class="fa fa-remove"></i></button>
					    </div>
				        <div class="panel-title"><h4>Aktywne kampanie</h4></div>
				    </div>
					<div class="panel-filter">
						<form class="form-horizontal" role="form">
			                <div class="form-group last">
				                <div class="col-md-offset-2 col-md-8">
					                <div class="input-group input-group-sm">
					                    <input type="text" class="form-control">
					                    <span class="input-group-btn">
					                        <button class="btn btn-default" type="button">Szukaj</button>
					                    </span>
					                </div><!-- /input-group -->
					            </div>
			                </div>
					    </form>
					</div>
					<div class="table-responsive">
						<table class="table table-striped">
						  <thead>
							<tr>
							  <th>Code</th>
							  <th>Company</th>
							  <th>Price</th>
				              <th>Volume</th>
							</tr>
						  </thead>
						  <tbody>
							<tr>
							  <td><a href="#">ACR</a></td>
							  <td><a href="#">ACRUX LIMITED</a></td>
							  <td>$1.38</td>
							  <td>9,395</td>
							</tr>
							<tr>
							  <td><a href="#">ADU</a></td>
							  <td><a href="#">ADAMUS RESOURCES LIMITED</a></td>
							  <td>$2.56</td>
							  <td>56,431</td>
							</tr>
							<tr>
							  <td><a href="#">AGG</a></td>
							  <td><a href="#">ANGLOGOLD ASHANTI LIMITED</a></td>
							  <td>$5.87</td>
							  <td>90,641</td>
							</tr>
							<tr>
							  <td><a href="#">AGK</a></td>
							  <td><a href="#">AGL ENERGY LIMITED</a></td>
							  <td>$4.00</td>
							  <td>862,518</td>
							</tr>
							<tr>
							  <td><a href="#">AGO</a></td>
							  <td><a href="#">ATLAS IRON LIMITED</a></td>
							  <td>$6.12</td>
							  <td>595,701</td>
							</tr>
						  </tbody>
						</table>
					</div>
			    </div>
			</div>
			<div class="col-md-6">
			    <div class="panel panel-primary">
				    <div class="panel-heading">
					    <div class="panel-options pull-right">
					        <button class="btn btn-default btn-sm" data-widget="filter">Filtr</button>
					        <button class="btn btn-default btn-sm"><i class="fa fa-refresh"></i></button>
					        <button class="btn btn-default btn-sm" data-widget="expand"><i class="fa fa-expand"></i></button>
					        <button class="btn btn-default btn-sm" data-widget="collapse"><i class="fa fa-minus"></i></button>
					        <button class="btn btn-default btn-sm" data-widget="remove"><i class="fa fa-remove"></i></button>
					    </div>
				        <div class="panel-title"><h4>Ostatnia aktywność</h4></div>
				    </div>
					<div class="panel-filter">
						<form class="form-horizontal" role="form">
							<div class="form-group">
							    <label class="col-md-2 control-label">Szukaj</label>
							    <div class="col-md-8">
							        <input type="text" class="form-control input-sm">
							    </div>
							</div>
							<div class="form-group">
							    <div class="col-md-offset-2 col-md-10">
							        <button class="btn btn-default btn-sm" type="submit">Submit</button>
							    </div>
							</div>
					    </form>
					</div>
					<div class="table-responsive">
						<table class="table table-striped">
						  <thead>
							<tr>
							  <th>Code</th>
							  <th>Company</th>
							  <th>Price</th>
				              <th>Volume</th>
							</tr>
						  </thead>
						  <tbody>
							<tr>
							  <td><a href="#">ACR</a></td>
							  <td><a href="#">ACRUX LIMITED</a></td>
							  <td>$1.38</td>
							  <td>9,395</td>
							</tr>
							<tr>
							  <td><a href="#">ADU</a></td>
							  <td><a href="#">ADAMUS RESOURCES LIMITED</a></td>
							  <td>$2.56</td>
							  <td>56,431</td>
							</tr>
							<tr>
							  <td><a href="#">AGG</a></td>
							  <td><a href="#">ANGLOGOLD ASHANTI LIMITED</a></td>
							  <td>$5.87</td>
							  <td>90,641</td>
							</tr>
							<tr>
							  <td><a href="#">AGK</a></td>
							  <td><a href="#">AGL ENERGY LIMITED</a></td>
							  <td>$4.00</td>
							  <td>862,518</td>
							</tr>
							<tr>
							  <td><a href="#">AGO</a></td>
							  <td><a href="#">ATLAS IRON LIMITED</a></td>
							  <td>$6.12</td>
							  <td>595,701</td>
							</tr>
						  </tbody>
						</table>
					</div>
			    </div>
			</div>
		</div>
		<div class="row">
			<div class="col-md-12">
			  <div class="panel panel-primary">
			    <div class="panel-heading">
				    <div class="panel-options pull-right">
				        <button class="btn btn-default btn-sm" data-widget="filter">Filtr</button>
				        <button class="btn btn-default btn-sm" data-widget="expand"><i class="fa fa-expand"></i></button>
				        <button class="btn btn-default btn-sm" data-widget="collapse"><i class="fa fa-minus"></i></button>
				        <button class="btn btn-default btn-sm" data-widget="remove"><i class="fa fa-remove"></i></button>
				    </div>
			    
				    <div class="panel-form pull-right text-right">
					    <form class="form-inline" role="form">
							<div class="form-group rows">
							    <label>Pokaż
						        <select class="form-control input-sm">
						          <option>10</option>
						          <option>25</option>
						          <option>50</option>
						        </select>
							    wierszy</label>
							</div>
							<div class="form-group search">
				                <div class="input-group input-group-sm">
				                  <input type="text" class="form-control">
				                  <span class="input-group-btn">
				                    <button type="button" class="btn btn-default">Szukaj</button>
				                  </span>
				                </div>
							</div>
					    </form>
				    </div>
				    <div class="clearfix visible-xs-block"></div>
			        <div class="panel-title"><h4>Ostatnio przeglądane produkty</h4></div>
			    </div>
				<div class="panel-filter">
					<form class="form-horizontal" role="form">
						<div class="form-group">
						    <label class="col-lg-2 control-label">produkt/rodzina</label>
						    <div class="col-lg-4">
						        <input type="text" class="form-control input-sm">
						    </div>
						    <label class="col-lg-2 control-label">medium</label>
						    <div class="col-lg-4">
						        <select class="form-control input-sm">
									<option>1</option>
									<option>2</option>
									<option>3</option>
									<option>4</option>
									<option>5</option>
								</select>
						    </div>
						</div>
						<div class="form-group">
						    <label class="col-lg-2 control-label">okres</label>
						    <div class="col-lg-2">
						        <input type="text" class="form-control input-sm" placeholder="od">
						    </div>
						    <div class="col-lg-2">
						        <input type="text" class="form-control input-sm" placeholder="do">
						    </div>
						    <label class="col-lg-2 control-label">dostawa</label>
						    <div class="col-lg-4">
						        <select class="form-control input-sm">
									<option>1</option>
									<option>2</option>
									<option>3</option>
									<option>4</option>
									<option>5</option>
								</select>
						    </div>
						</div>
						<div class="form-group">
						    <div class="col-lg-offset-1 col-lg-5">
									<label class="checkbox-inline">
									  <input type="checkbox" value="option1" checked>  zakończone
									</label>
									<label class="checkbox-inline">
									  <input type="checkbox" value="option2" checked> zaplanowane
									</label>
									<label class="checkbox-inline">
									  <input type="checkbox" value="option3" checked> trwające
									</label>
						    </div>
						    <label class="col-lg-2 control-label">typ</label>
						    <div class="col-lg-4">
						        <select class="form-control input-sm">
									<option>1</option>
									<option>2</option>
									<option>3</option>
									<option>4</option>
									<option>5</option>
								</select>
						    </div>
						</div>
						<hr/>
						<div class="form-group">
						    <div class="col-lg-12">
						        <div class="text-center">
						            <button type="button" class="btn btn-primary btn-sm">Filtruj</button>
						        </div>
						    </div>
						</div>
					</form>
				</div>
				<div class="panel-results">
					<div class="row form-inline">
					    
					    <div class="col-sm-6">
							<div class="form-group rows">
							    <label>
							    Pokaż
							        <select class="form-control input-sm">
							          <option>10</option>
							          <option>25</option>
							          <option>50</option>
							        </select>
							    wierszy
							    </label>
							</div>
						</div>
						<div class="col-sm-6">
							<div class="form-group pull-right search">
				                <div class="input-group input-group-sm">
				                  <input type="text" class="form-control">
				                  <span class="input-group-btn">
				                    <button type="button" class="btn btn-default">Szukaj</button>
				                  </span>
				                </div>
							</div>
						</div>
		
					</div>
				</div>
				<div class="table-responsive">
					<table class="table table-striped table-hover">
					  <thead>
						<tr>
						  <th>Code</th>
						  <th>Company</th>
						  <th>Price</th>
			              <th>Change</th>
						  <th>Change %</th>
						  <th>Open</th>
						  <th>High</th>
						  <th>Low</th>
						  <th>Volume</th>
						</tr>
					  </thead>
					  <tbody>
						<tr>
						  <td><a href="#">AAC</a></td>
						  <td>AUSTRALIAN AGRICULTURAL COMPANY LIMITED.</td>
						  <td>$1.38</td>
						  <td><span class="text-danger">-0.01</span></td>
						  <td>-0.36%</td>
						  <td>$1.39</td>
						  <td>$1.39</td>
						  <td>$1.38</td>
						  <td>9,395</td>
						</tr>
						<tr>
						  <td><a href="#">AAD</a></td>
						  <td>ARDENT LEISURE GROUP</td>
						  <td>$1.15</td>
						  <td><span class="text-success">+0.02</span></td>
						  <td>1.32%</td>
						  <td>$1.14</td>
						  <td>$1.15</td>
						  <td>$1.13</td>
						  <td>56,431</td>
						</tr>
						<tr>
						  <td><a href="#">AAX</a></td>
						  <td>AUSENCO LIMITED</td>
						  <td>$4.00</td>
						  <td><span class="text-danger">-0.04</span></td>
						  <td>-0.99%</td>
						  <td>$4.01</td>
						  <td>$4.05</td>
						  <td>$4.00</td>
						  <td>90,641</td>
						</tr>
						<tr>
						  <td><a href="#">ABC</a></td>
						  <td>ADELAIDE BRIGHTON LIMITED</td>
						  <td>$3.00</td>
						  <td><span class="text-success">+0.06</span></td>
						  <td>2.04%</td>
						  <td>$2.98</td>
						  <td>$3.00</td>
						  <td>$2.96</td>
						  <td>862,518</td>
						</tr>
						<tr>
						  <td><a href="#">ABP</a></td>
						  <td>ABACUS PROPERTY GROUP</td>
						  <td>$1.91</td>
						  <td>0.00</td>
						  <td>0.00%</td>
						  <td>$1.92</td>
						  <td>$1.93</td>
						  <td>$1.90</td>
						  <td>595,701</td>
						</tr>
						<tr>
						  <td><a href="#">ABP</a></td>
						  <td>ABACUS PROPERTY GROUP</td>
						  <td>$1.91</td>
						  <td>0.00</td>
						  <td>0.00%</td>
						  <td>$1.92</td>
						  <td>$1.93</td>
						  <td>$1.90</td>
						  <td>595,701</td>
						</tr>
						<tr>
						  <td><a href="#">ABY</a></td>
						  <td>ADITYA BIRLA MINERALS LIMITED</td>
						  <td>$0.77</td>
						  <td><span class="text-success">+0.02</span></td>
						  <td>2.00%</td>
						  <td>$0.76</td>
						  <td>$0.77</td>
						  <td>$0.76</td>
						  <td>54,567</td>
						</tr>
						<tr>
						  <td><a href="#">ACR</a></td>
						  <td>ACRUX LIMITED</td>
						  <td>$3.71</td>
						  <td><span class="text-success">+0.01</span></td>
						  <td>0.14%</td>
						  <td>$3.70</td>
						  <td>$3.72</td>
						  <td>$3.68</td>
						  <td>191,373</td>
						</tr>
						<tr>
						  <td><a href="#">ADU</a></td>
						  <td>ADAMUS RESOURCES LIMITED</td>
						  <td>$0.72</td>
						  <td>0.00</td>
						  <td>0.00%</td>
						  <td>$0.73</td>
						  <td>$0.74</td>
						  <td>$0.72</td>
						  <td>8,602,291</td>
						</tr>
						<tr>
						  <td><a href="#">AGG</a></td>
						  <td>ANGLOGOLD ASHANTI LIMITED</td>
						  <td>$7.81</td>
						  <td><span class="text-danger">-0.22</span></td>
						  <td>-2.74%</td>
						  <td>$7.82</td>
						  <td>$7.82</td>
						  <td>$7.81</td>
						  <td>148</td>
						</tr>

					  </tbody>
					</table>
				</div>
				<div class="panel-footer">
				    <div class="row">
				      <div class="col-md-6">
				        <div class="">Wyświetlono wiersze 11 do 35 z 50</div>
				      </div>
				      <div class="col-md-6">
				        <div class="pull-right">
			              <ul class="pagination">
			                <li class="disabled"><a href="#">&laquo;</a></li>
			                <li class="active"><a href="#">1</a></li>
			                <li><a href="#">2</a></li>
			                <li><a href="#">3</a></li>
			                <li><a href="#">4</a></li>
			                <li><a href="#">5</a></li>
			                <li><a href="#">&raquo;</a></li>
			              </ul>
			            </div>
		              </div>
		            </div>
				</div>
			  </div>
			</div>
		</div>
    </div> <!-- /container -->
{% endblock %}